<%-- undertest --%>
<link type="text/css" rel="stylesheet" href="http://demo.marcofolio.net/3d_animation_css3/css/style.css" />
<link type="text/css" rel="stylesheet" href="http://code-pal.com/examples/how-to-code-an-overlapped-menu/css/styles.css" />
<%-- /undertest --%>


<div id="page-wrap" style="margin-top: 100px; border: solid 0px red; width:100%;">
    <ul id="main-nav" >
			<li class="home"><a href="index.html">Home</a></li>
			<li class="portfolio"><a href="portfolio.html">Portfolio</a></li>
			<li class="services"><a href="services.html">Services</a></li>
			<li class="about"><a href="about.html">About Us</a></li>
			<li class="current"><a href="contact.html">Contact</a></li>
		</ul>
		<div class="clear"></div>
                <div id="featured" style="border: solid 0px green; height: 400px">
			<div id="image">
				<img src="recursos/imagenes/404page.jpg" alt="Iron Man 2" style="width: 300px;" />
			</div>
                    <div id="featured-content" style="border:solid 0px  blue;">
				<h1>Blue is a wonderful Colour</h1>
				<p>
					This is how an overlayed tabbed navigation menu looks like. An Overlapping tabbed menu can be created by using CSS only. There is no need to use javascript to create this kind of a menu. I have created this xHTML/CSS template to demonstrate how the over lapping tabbed menu looks like and it's effects i.e. How it should work when selected, when clicked or hovered upon. Thank you for reading this tutorial. Don't forget to share it :)
				</p>
                                <input type="text" name="1212" value="1212" /><span class="btn btn-inverse">Demo</span><br/><br/><br/>                                
			</div>
                    
		</div>
		<h3>Advertisements</h3>
		<div class="ads">
		<script type="text/javascript"><!--
				google_ad_client = "pub-0369901991031889";
				/* 728x90, created 01/11/09 */
				google_ad_slot = "4076908857";
				google_ad_width = 728;
				google_ad_height = 90;
			//-->
		</script>
		<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
		</script>
		</div>
		
	</div>























<div style="border:solid 0px red; margin-top: 100px; padding-top: 100px; position: relative; ">
    <ul id="movieposters" style="">
        <li>
            <img src="recursos/imagenes/404page.jpg" alt="Iron Man 2" style="width: 300px; height: 400px" />
            <div class="movieinfo">
                <h3>Iron Man 2</h3>
                <p>With the world now aware of his dual life as the armored superhero Iron Man, billionaire inventor Tony...</p>
                <a href="http://www.imdb.com/title/tt1228705/" title="Iron Man 2">More info</a>
            </div>
        </li>
        <li>
            <img src="recursos/imagenes/404page.jpg" alt="Iron Man 2" style="width: 300px; height: 400px" />
            <div class="movieinfo">
                <h3>The Last Airbender</h3>
                <p>The story follows the adventures of Aang, a young successor to a long line of Avatars, who must put his...</p>
                <a href="http://www.imdb.com/title/tt0938283/" title="Iron Man 2">More info</a>
            </div>
        </li>
        <li>
           <img src="recursos/imagenes/404page.jpg" alt="Iron Man 2" style="width: 300px; height: 400px" />
            <div class="movieinfo">
                <h3>Tron Legacy</h3>
                <p>Sam Flynn, the tech-savvy 27-year-old son of Kevin Flynn, looks into his father's disappearance and finds...</p>
                <a href="http://www.imdb.com/title/tt1104001/" title="Tron Legacy">More info</a>
            </div>
        </li>
        <li style="margin-top: 100px">
            <img src="recursos/imagenes/404page.jpg" alt="Iron Man 2" style="width: 300px; height: 400px" />
            <div class="movieinfo">
                <h3>The Last Airbender</h3>
                <p>The story follows the adventures of Aang, a young successor to a long line of Avatars, who must put his...</p>
                <a href="http://www.imdb.com/title/tt0938283/" title="Iron Man 2">More info</a>
            </div>
        </li>
        
    </ul>
</div>
<div style="clear: both; margin-top:100px;"></div>